<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	div{width:100px; height: 100px; background-color: #45dfff; padding: 10px; border: 10px solid #333; margin: 10px;}
	</style>
	<script src="jquery-1.10.1.min.js"></script>
	<script>
/*	$()下的常用方法
		width(): 
		innerWidth():
		outerWidth()： 
		同理呢，还有height  innerHeight  outerHeight  outerHeight(true)

		但是这几个方法都可以获取到隐藏元素的宽高，而原生单单只用offsetWidth是无法获取到隐藏元素宽高的
*/
	$(function () {
		// alert( $('div').width() );				//100  数值类型。	width
		// alert( $('div').innerWidth() );			//120  数值类型。	width + padding
		// alert( $('div').outerWidth() );			//140  数值类型。	width + padidng + border
		// alert( $('div').outerWidth(true) );		//160  数值类型。	width + padidng + border + margin

		// alert( $('div').css('width') );			//100px  字符串类型.(区别)
	})
	</script>
</head>
<body>
	<div></div>
</body>
</html>